
#dayWeatherAgent {
	background-color: rgba(195, 246, 246, 0.3);
}

#dayWeatherAgent, #nightWeatherAgent {
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 46.6%;
}

#nightWeatherAgent {
    background-color: rgba(71, 168, 233, 0.2);
}

#preWeatherAgent {
	height: auto;
	width: auto;
}

#pwaLoadingImg {
    height: 2em;
    margin: 0 0 0 2em;
    padding: 0;
    width: 5%;
}

#pwaLoadingImg img {
    height: 100%;
    width: 100%;
}

#preWeatherAgent p {
    margin: 0 0 0 0.5em;
    padding: 0;
}

#preWeatherAgent p, #pwaloadingimg {
    display: inline-block;
    vertical-align: top;
}

#titleLocation {
	
}



/* Class */

.divGrad {
    padding: 24% 0% 25% 0%;
    text-align: left;
    height: 4em;
    width: 99%;
}

.divGrad h2 {
    font-size: 92px;
}

.divGradIcon {
    width: 41%; /* obligatorio */
}

.divGradIcon, .divTitleInfo {
    display: inline-block;
    vertical-align: top;
}

.divIcon {
    height: 4.1em;
    margin: 0;
    padding: 0;
    width: 99%;
}

.divIcon img {
    height: 100%;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; 
    width: 100%;
}

.divIcon img:hover {
    transform: scale(1.2) rotate(4deg);
    -moz-transform: scale(1.2) rotate(4deg);;
    -webkit-transform:scale(1.2) rotate(4deg);;
}

.divInfo {
    margin-left: 6%;
    width: 93%;
}

.divTitle {
    height: auto;
    width: 50%;
}

.divTitleInfo {
    width: 56%;
}

.leadTitle {
    margin-bottom: 0;
}

section.dashed {
    border: dashed 1px #e3e3e3;
}

section.well.well-small {
    margin-bottom: 0.6%;
}